<!doctype html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>表格导入</title>
   <style>
      body {
         font-family: Arial, sans-serif;
         margin: 0;
         padding: 0;
         display: flex;
         justify-content: center;
         align-items: center;
         height: 100vh;
         background-color: #f0f0f0;
      }
      .container {
         background-color: #fff;
         padding: 20px;
         border-radius: 8px;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
      .header {
         text-align: center;
         margin-bottom: 20px;
      }
      .file-input {
         display: flex;
         justify-content: center;
         align-items: center;
         margin-bottom: 20px;
      }
      input[type="file"] {
         display: none;
      }
      .custom-file-upload {
         display: inline-block;
         padding: 10px 20px;
         cursor: pointer;
         border: 2px solid #007bff;
         border-radius: 4px;
         color: #007bff;
         background-color: #fff;
         transition: all 0.3s ease;
      }
      .custom-file-upload:hover {
         background-color: #007bff;
         color: #fff;
      }
      .submit-btn {
         display: block;
         width: 100%;
         padding: 10px;
         border: none;
         border-radius: 4px;
         background-color: #007bff;
         color: #fff;
         font-size: 16px;
         cursor: pointer;
         transition: background-color 0.3s ease;
      }
      .submit-btn:hover {
         background-color: #0056b3;
      }
   </style>
</head>
<body>

<div class="container">
   <div class="header">
      <h1>表格导入</h1>
   </div>
   <form th:action="@{/upload}" method="post" enctype="multipart/form-data">
      <div class="file-input">
         <label for="file-upload" class="custom-file-upload">
            选择文件
         </label>
         <input id="file-upload" type="file" name="file" accept=".xls, .xlsx">
      </div>
      <button type="submit" class="submit-btn">上传文件</button>
   </form>
</div>

</body>
</html>